<div class="settlement">
    <!-- <div class="header">
        <div class="head">
            <div class="back" @click="$router.go(-1)">
                <i></i>
            </div>
            <div class="title text-center">支付订单</div>
            <div class="text-right">
                <icon-svg icon-class="fenxiang" class="share"></icon-svg>
            </div>
        </div>
    </div> -->
    <div class="settlement-product">
        <!-- 订单和商品信息 -->
        <div class="lists">
            <div class="company">
                <div>
                    <img src="~@/public/img/company.png" alt="">
                </div>
                <p>安纳斯新信息科技有限公司</p>
            </div>
            <p class="text-left">订单编号：12345678945</p>
            <p class="text-left">下单时间：2017-12-01 11:36</p>
            <div class="listBox">
                <div class="list">
                    <div class="imgBox">
                        <img src="~@/public/img/good4.png" />
                    </div>
                    <div class="text">
                        <p>咖啡</p>
                        <div>
                            <span>￥13.00</span>
                            <span style="margin:0 16px 0 10px;">x1</span>
                        </div>
                    </div>
                </div>
                <div class="list">
                    <div class="imgBox">
                        <img src="~@/public/img/good4.png" />
                    </div>
                    <div class="text">
                        <p>咖啡</p>
                        <div>
                            <span>￥13.00</span>
                            <span style="margin:0 16px 0 10px;">x1</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="price">
                <span>共计3件商品</span>
                <span style="margin-left:16px;">合计：￥25.00</span>
            </div>
        </div>
        <!-- 支付方式 -->
        <div class="copy">
            <p class="copy-style">支付方式</p>
            <div class="copy-list">
                <div class="weixin">
                    <div class="text-left" style="display:flex;line-height: 30px;">
                        <div style="width:30px;height:30px;">
                            <img src="~@/public/img/weixin-icon.png" />
                        </div>
                        <p>微信支付</p>
                    </div>
                    <div class="icon">
                        <icon-svg icon-class="duihao" class="duihao" v-if="show"></icon-svg>
                        <img src="~@/public/img/cancel.png"  v-if="!show"/>
                    </div>
                </div>
                <div class="yue">
                    <div class="text-left" style="display:flex;line-height: 30px;">
                        <div style="width:30px;height:30px;">
                            <img src="~@/public/img/yue-icon.png" />
                        </div>
                        <p>余额支付</p>
                    </div>
                    <div class="icon">
                        <icon-svg icon-class="duihao" class="duihao" v-if="!show"></icon-svg>
                        <img src="~@/public/img/cancel.png"  v-if="show"/>
                    </div>
                </div>
                <!-- <p class="popcontent" :class="{active: activeName == '微信支付'}" @click="changePaidMethod(1, '微信支付')">微信支付</p>
                <p class="popcontent" :class="{active: activeName == '余额支付'}" @click="changePaidMethod(4, '余额支付')">余额支付</p>   -->
            </div>

        </div>
        <yd-button type="primary">确认支付</yd-button>
        <!-- <div class="settlement-product1 clearfix">
            <h2 class="text-nowrap">订单编号：{{orderInfo.ordersn}}</h2>
        </div> -->
        <!-- <div v-for="orderItem in 2" :key="orderItem.id" @click="goToDetails(orderItem.id)">
            <div class="settlement-product2 clearfix">
                <img alt="图片">
                <div class="name text-left">图片</div>
                <div>
                </div>
            </div>
            <div class="settlement-product2-absolute clearfix">
                <span class="price">￥{{0.001}}</span>
                <span class="fr">×{{45}}</span>
            </div>
        </div> -->
        <!-- <div class="settlement-product3 clearfix">
            <span>运费</span>
            <span>免运费</span>
        </div> -->
        <!-- <div class="settlement-barbox clearfix">
            <span>合计</span>
            <span>{{23 | formatMoney}}</span>
            <span v-if="discountFlag == true" style="text-decoration:line-through;">{{totalPrice | formatMoney}}</span>
        </div> -->
        <!-- <div class="settlement-barbox clearfix" v-if="discountFlag == true">
            <span>折扣价</span>
            <span>{{discountPrice | formatMoney}}</span>
        </div> -->
    </div>

    <!-- 其他信息 -->
    <!-- <a class="settlement-barbox-10pad clearfix">
        <span>付款方式</span>
        <span>
            微信支付
            <icon-svg icon-class="more"></icon-svg> 
        </span>
    </a> -->

    <!-- <div class="border-bottom"></div> -->
    <!-- <div>
        <popup v-model="showPayMethods" class="settlement-pop">
            <p class="popcontent" :class="{active: activeName == '微信支付'}" @click="changePaidMethod(1, '微信支付')">微信支付</p>
            <p class="popcontent" :class="{active: activeName == '支付宝支付'}" @click="changePaidMethod(2, '支付宝支付')">支付宝支付</p>
            <p class="popcontent" :class="{active: activeName == '银行卡支付'}" @click="changePaidMethod(3, '银行卡支付')">银行卡支付</p>
            <p class="popcontent" :class="{active: activeName == '余额支付'}" @click="changePaidMethod(4, '余额支付')">余额支付</p>
        </popup>
    </div> -->
    <!-- 底部  -->
    <!-- <div id="settlement-footer">
        <div id="settlement-footer1">合计：{{2323 | formatMoney}}</div>
        <div id="settlement-footer1" v-if="discountFlag == true">合计：{{totalPrice | formatMoney}}</div> 
        <div id="settlement-footer2">
            <a @click="submit()">提交订单</a>
        </div>
    </div> -->
</div>